<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页布局</title>
    <!-- 引入CSS支持库 -->
    <link rel="stylesheet" href="./bootstrap/css/reset.css">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <!-- 引入JQUERY支持库 -->
    <script src="./js/jquery.js"></script>
    <script src="./js/hover.js"></script>
    <!-- 引入bootstrap 支持库 -->
    <script src="./bootstrap/js/bootstrap.js"></script>
</head>
<style>
/*顶部栏*/
    #ding
    {
        height: 60px;
        background: black;
        color: white;
        background-image: url("./images/head-bg-v7.jpg");
    }
    .dropdown-menu{
        background: gray;
    }
/*搜索框*/
    #sousuo{
        margin-top: 15px;
        border-radius:50px;
        border: 2px solid #5b6a7c;
        overflow: hidden;
    }
   .tupian img{
        width: 112px;
        height: 130px;
       display: inline-block;
    }
    .tupian {
        /*overflow:hidden;*/
    }
    .tupian img:hover{
        transform: scale(1.3);  /*放大1.25倍*/
        transition-duration: 550ms;
        transition-timing-function: ease-out;
        z-index: 999;
    }
    .jcjm{
        /*float: left;*/
        margin: 10px 0px 10px 10px;
        width: 356px;

    }


    /*底部栏*/
    

.fz{
    margin-top:20px;
    background:#333;
   }
.fz .ma{
   
    border-left:1px solid #3d3d3d;
    font-color:green;

}

</style>


         <!-- 底部fooder区域 -->


<footer id="footer">  

<div class="fs">网站导航</div>
<div class="fz">

    <div class="col-md-3">
        <img src="./images/logo.png">
    </div>
    <div class="col-md-3">
        <dl class="ma">
            <div class="col-md-6">
            <dt><a href="">帮助中心</a></dt>
            <dd><a href="">平台攻略</a></dd>
            <dd><a href="">教师帮助</a></dd>
            <dd><a href="">注册登录</a></dd>
            </div>
            <div class="col-md-6">
            <dd><a href="">教师入驻</a></dd>
            <dd><a href="">学生帮助</a></dd>
            <dd><a href="">平台保障</a></dd>
            </div>
        </dl>
    </div>

    <div class="col-md-1">
        <dl class="mb">
            <dt><a href="">服务支持</a></dt>
            <dd><a href="">支付方式</a></dd>
            <dd><a href="">意见反馈</a></dd>
            
        </dl>

    </div>
    <div class="col-md-3">
            <dl class="mc">
               
             <div class="col-md-6">
             <dt><a href="">关于易授</a></dt>
            <dd><a href="">公司简介</a></dd>
            <dd><a href="">联系我们</a></dd>
            <dd><a href="">新闻报道</a></dd>
            <dd><a href="">友情链接</a></dd>
            
             </div>
            <div class="col-md-6">
            <dd><a href="">加入我们</a></dd>
            <dd><a href="">网络条款</a></dd>
            <dd><a href="">活动公告</a></dd>
            <dd><a href="">网站地图</a></dd>
            </div>
           
        </dl>

    </div>
    <div class="col-md-1">
            <dl class="mb">
            <dt><a href="">关注我们</a></dt>
            <dd><a href="">官方微信</a></dd>
            <dd><a href="">新浪微博</a></dd>
            
        </dl>

    </div>
    <div class="col-md-2">
        <p><a href="">400-176-681</a></p>
        <p><a href="">周一到周日7×24小时在线</a></p>
    </div>

</div>
<div class="fx">
    <div class="col-md-12">
        <p>
            北京宜授教育科技有限公司版权所有 办学许可证：111010873931661 电信与信息服务业务经营许可证：京ICP证150105号 
        </p>
        <p>京ICP备14035240号-2 京公网安备11010802016334号 </p>
        <div>
    <div class="col-md-12">
             <div class="col-md-4"></div>
             <div class="col-md-4">
               <img src="./images/link1.jpg" class="img-thumbnail"> 
               <img src="./images/link2.jpg" class="img-thumbnail"> 
               <!-- <img src="./images/link3.png" class="img-thumbnail">  -->
               <!-- <img src="./images/link4.png" class="img-thumbnail">  -->
               <img src="./images/link5.jpg" class="img-thumbnail"> 
                </div>
             <div class="col-md-4"></div>
        </div>
</div>
   
</footer>

        
</body>
</html>